.login {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #2f4050;

    .login-wrap {
        position: relative;
        max-width: 380px;
        margin: 180px auto;
        padding: 100px 40px 40px;
        background-color: white;
        border-radius: 4px;

        .avatar {
            position: absolute;
            top: -60px;
            left: 50%;
            transform: translateX(-50%);
            overflow: hidden;
            width: 140px;
            height: 140px;
            border-radius: 50%;
            border: 10px solid white;
            box-shadow: 0 1px 5px #ccc;
        }

        .form-horizontal {
            .btn {
                background-color: #40586d;
                border-color: #374b5d;
            }

            .btn:hover {
                background-color: #2d3e4d;
                border-color: #202c36;
            }
        }
    }
}